@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,a{
    margin:0px;
    padding:0px;
    font-size:14px;
    font-family:"微软雅黑";
}
li{list-style-type:none;}
ul,li{margin:0;padding: 0;list-style: none;}
input{border:none;}
ul{
    list-style-type:none;
}
img{
    border:none;
}
.inptitle{
    margin-top: 10px;
    margin-bottom: 10px;
}
#carousel_prototype{
    margin-bottom:10px;
}
.clear{clear:both;}
.marbo{
    margin-bottom: 10px;
}
.color{
    width:25%!important;
}
.select{
    width:40%!important;
}
.carousel_input{
    width: 55%!important;
}
.carousel_select{
    width: 30%!important;
    padding: 0;
}
.input{
    width:58%!important;
}

.left{
    float:left;
}
.clear{
    clear:both;
}
/*重写表单样式*/
.form-group{margin:0; margin-bottom: 15px;}
/*重写表单样式*/



.max-box{/*
    border-top:1px solid #ccc;
    margin-top: 15px;*/
    min-width: 1180px;
}
.panell-body{
    border-bottom: 1px solid #E2E2E2;
}
.panel-heading{
  border-bottom: 1px solid #E2E2E2;
}
.controller-box{
    width: 18%;
    background-color: #fff;
    border-right:4px solid #ccc;
    overflow-x:hidden;
    overflow-y:auto;
    float:left;
    z-index:100000;
}
.pos_fixed{
    position: fixed;
    top:0;
    left:0;
}
.controer-box{
    width: 18%;
    min-height: 100%;
    float:left;

}

.controller-body{
    min-height: 100%;
    padding-bottom: 20px;
}


.edit_title{
    font-size:15px;
    font-weight: bold;
    padding:20px 0px;
    border: 1px #ECECEC solid;
}

.parameter-box{
    background-color: #FBFBFB;
    border-right:4px solid #ccc;
    display: none;
    overflow-x:hidden;
    overflow-y:auto;
    float:left;
    overflow: hidden;
}

.vessel-parameter-box{
    width: 18%;
}

.images-parameter-box{
    width: 18%;
}

.word-parameter-box{
    width: 18%;
    /*min-height:400px!important;*/
}

.carousel-parameter-box{
    width: 18%;
}

.parameter-body{
    background-color: #FBFBFB;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.vessel_label{
    float:left;
    width:30%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.widget{
    z-index: 999;
    float: left;
    margin: 5px 5px 20px 12px;
    /* margin-bottom: 20px; */
    height: 56px;
    width: 105px;
    border: 1px solid #ccc;
    border-radius: 2px;
    cursor:move;
}
.widget.widget-focus{
    background: url('../img/slider.png') no-repeat 0px 0px;
    background-size: 80px 57px;
    background-position: center top;
}
.widget.widget-fn{
    background: url('../img/fn.png') no-repeat 0px 0px;
    background-size: 80px 57px;
    background-position: center top;
}
.widget.widget-pic1{
    background: url('../img/pic1.png') no-repeat 0px 0px;
    background-size: 80px 57px;
    background-position: center top;
}
.widget.widget-goods{
    background: url('../img/goods.png') no-repeat 0px 0px;
    background-size: 80px 57px;
    background-position: center top;
}
.widget p {
    text-align: center;
    margin-top: 55px;
    overflow: hidden;
    width: 105px;
    height: 20px;
    line-height: 20px;
    color:#717171;
}

.cellPanel-box{
    width: 82%;
    min-height: 100%;
    float: right;
    position: relative;
}
.cellPanel-box .count_box{
    /*padding: 11px;
    margin: 10px;
    border:1px dashed rgba(255,255,255,0);*/
    /*display: inline-block;*/
    overflow-y:auto;
    position: relative;
    cursor:move;
}

.cellPanel-box .count_box_images{
    width:200px;
    height:200px;
}

.cellPanel-box .count_box_vessel{
    width:800px;
    height:500px;
}

.cellPanel-box .count_box_carousel{
    width:100%;
    height:700px;
}

.cellPanel-box .count_box_word{
    width:auto;
    height:auto;
    width: 300px;
    min-height: 80px;
}

.cellPanel-box .count_box_word .word{
    width:100%;
    height:100%;
}
.carousel{
    width:100%!important;
    height:100%!important;
}

/*.cellPanel-box .count_box:hover{
    border:1px dashed #334FB7;
}*/
.cellPanel-box .vessel{
    width:100%;
    height:100%;
    border:1px solid #ccc;
}

.cellPanel-box .images{
    width:100%;
    height:100%;
}
#showimg{
    display: none;
}
.list-item{
    font-size: 16px;
    /*display: none; */
    padding: 4px 7px !important;
}
.list-item-del {
    position: absolute;
    top: 5px;
    right: 3px;
    z-index: 2;
}
.list-item-edit {
    position: absolute;
    top: 5px;
    right: 55px;
    z-index: 2;
}
.images img{
    width:100%;
    height:100%;
}

.flex-show{
    background: #E0E0E0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    cursor:pointer;
    width:15px;
    height:90px;
    line-height: 90px;
    color:#fff;
    font-size: 20px;
    text-align: center;
    position: fixed;
    left: 0px;
    top: 37%;
    display: none;
    z-index: 100000;
}

.flex-away{
    background: #E0E0E0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    cursor:pointer;
    width:15px;
    height:90px;
    line-height: 90px;
    color:#fff;
    font-size: 20px;
    text-align: center;
    float:right;
    /* margin-bottom: -50px; */
}

.flex-away:hover,.flex-show:hover{
    background: #BBBBBB;
}
.form-horizontal{
    padding-top:20px;
}

.upload-file-box{

}
.removeimg{
    height:30px;
    width:100%;
    background:#000;
    opacity:.6;
    text-align:center;
    z-index:3;
    position: absolute;
    bottom:30px;
    color:#fff;
    line-height:30px;
    float:left;
    cursor:pointer;
    bottom: 0;
}
.removeimg:hover{
    opacity: .7;
    color:#DE4141;
}
.success_upload_box_l{
    margin:2%;
    width: 105px;
    height: 105px;
    border:1px solid #ccc;
    overflow:hidden;
    float:left;
    position: relative;
    cursor: move;
}
.success_upload_box{
    margin:2%;
    width: 110px;
    height: 117px;
    border:1px solid #ccc;
    overflow:hidden;
    float:left;
    position: relative;
    cursor: move;
}

.success_img_price{
    width:100%;
    height:100%;
    float:left;
    margin:0 auto;
    padding:5px;
}

.success_img_vessel{
    width:100%;
    height:100%;
    float:left;
    margin:0 auto;
    padding:5px;
}

.success_img_images{
    width:100%;
    height:100%;
    float:left;
    margin:0 auto;
    padding:5px;
}

.up_img_desc{
    margin-top:10px;
    float:left;
    color:#999;
}

.minbox{
    width:91%;
    margin:0 auto;
}
.title_input{
    width:69%;
}
/* ###################### 轮播图插件样式 ###################### */
.slideBox{ width: 100%; height: 100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ cursor: pointer; float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd ul{width: 100%;height:100%;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; width: 100%;height:100%;}
.slideBox .bd img{ width: 100%; height:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }